<template>
	<div class="container">
		<!-- <i>你的答案：</i>
		<span>{{ userAnswer }}</span> -->
		<div>
			<span>正确答案：</span>
			<!-- <span>{{ correctAsw }}</span> -->
		</div>
	</div>
</template>

<script setup lang="ts">
const props = defineProps({
	['userAsw']: Number,
	// ['correctAsw']: String;
})
const optionMapping = ['A', 'B', 'C', 'D']
let userAnswer = optionMapping[props.userAsw as number]
console.log(userAnswer)
</script>

<style scoped>
.container {
	background-color: #f4f6fa;
	border-radius: 10px;
	color: #4061bf;
}
</style>
